<template>
    <div>
        <h1>Qiankun Demo</h1>
        <p>This is a demo of qiankun.</p>
    </div>
</template>

<script>
    import { registerMicroApps, start } from 'qiankun';

    export default {
        name: 'DemoComponent',
        mounted() {
            const apps = [
                {
                    name: 'app1',
                    entry: '//localhost:8082',
                    container: '#app-container',
                    activeRule: '/app1',
                },
                {
                    name: 'app2',
                    entry: '//localhost:8082',
                    container: '#app-container',
                    activeRule: '/app2',
                },
            ];
            registerMicroApps(apps);
            start();
        },
    };
</script>
